ReactNative overlay表示するViewの中に一枚Viewを噛ませる

背景

そのViewの1つ中でコンテンツのレイアウトをやろうとしても、上手くできない。

一枚Viewを噛ませる必要がある。

上手くいかない例

code: ng.js

<View style={{flex: 1, position: "absolute", zIndex: 1, alignItems: "center"}}>

<View style={{width: "90%"}}><Text>hogehoge</Text></View>

</View>

これだと中のViewがセンタリングされない。

上手くいく例

code: ng.js

<View style={{flex: 1, position: "absolute", zIndex: 1}}>

<View style={{flex: 1, alignItems: "center"}}>

<View style={{width: "90%"}}><Text>hogehoge</Text></View>

</View>

</View>

これだとセンタリングされる。

とにかくインナーオーバーレイといった立ち位置のViewを一枚噛ませとくと、レイアウトが楽になる。